<?php
	$objID='';
if(isset($_POST['objID'])){
	$objID=$_POST['objID'];
}
?>
<style>
#pagecontactlistview .ui-block-a{
	width:200px;
	text-align:right;
	padding:10px;
}

#contactname{
	text-align:left;
}
#contactdesc{
	text-align:left;
}
</style>
<div id="pagecontact" style="width:900px">
    <div data-role="content" style="padding: 15px;" id="content">
    	<a href="#" id="pageemailagentcancel" data-rel="back" data-transition="fade"><div class="ui-icon-ios-pack-color-delete" style="width:26px;height:26px;"></div></a>
        <div class="ui-grid-b">
            <div class="ui-block-a" style="width:30%;">
            </div>
            <div class="ui-block-b" style="width:40%;text-align:center;">
                <fieldset data-role="controlgroup" data-type="horizontal">
                    <input name="radiobuttons1" id="contact1" value="1" type="radio" checked>
                    <label for="contact1">
                        Contact Agent
                    </label>
                    <input name="radiobuttons1" id="contact2" value="2" type="radio">
                    <label for="contact2">
                        Contact Broker
                    </label>
                </fieldset>
            </div>
            <div class="ui-block-c" style="width:30%;">
            </div>
        </div>
        <div class="ui-grid-a">
            <div class="ui-block-a" style="width:35%">
                <img src="" width="200" height="200" id="contactimg" border="0"/>
                <h4 id="contactname">Kevin Adams</h4>
                <h4 id="contactdesc">Licensed Real Etate Salesperson</h4>
                <div id="contactBtn1">
                    <p><a data-role="button" data-transition="fade" data-theme="a" href="#" data-mini="true" data-icon="arrow-r" data-iconpos="right">
                            Abount Me
                        </a></p>
                    <p><a data-role="button" data-transition="fade" data-theme="a" href="#" data-mini="true" data-icon="arrow-r" data-iconpos="right">
                            Share my Details
                        </a></p>
                    <p><a data-role="button" data-transition="fade" data-theme="a" href="#" data-mini="true" data-icon="arrow-r" data-iconpos="right">
                            Add my to your Contacts
                        </a></p>
                </div>
                <div id="contactBtn2">
                    <p><a data-role="button" data-transition="fade" data-theme="a" href="#" data-mini="true" data-icon="arrow-r" data-iconpos="right">
                            View on Map
                        </a></p>
                    <p><a data-role="button" data-transition="fade" data-theme="a" href="#" data-mini="true" data-icon="arrow-r" data-iconpos="right">
                            Share our Details
                        </a></p>
                    <p><a data-role="button" data-transition="fade" data-theme="a" href="#" data-mini="true" data-icon="arrow-r" data-iconpos="right">
                            Add us to your Contacts
                        </a></p>
                </div>

            </div>
            <div class="ui-block-b" id="pagecontactlistview" style="width:65%">
                <ul data-role="listview" data-divider-theme="d" data-inset="true">
                    <li data-role="list-divider" role="heading" id="heading" style="font-size:20px;text-align:center;">
                        Email Me
                    </li>
                    <li data-theme="">

                        <div class="ui-grid-a">
                            <div class="ui-block-a">
                                <h4>
                                    Name*
                                </h4>
                            </div>
                            <div class="ui-block-b">
                                <input name="" id="textinput1" placeholder="" value="" type="text">
                            </div>
                        </div>
                        <div class="ui-grid-a">
                            <div class="ui-block-a">
                                <h4>
                                    Email Address*
                                </h4>
                            </div>
                            <div class="ui-block-b">
                                <input name="" id="textinput1" placeholder="" value="" type="text">
                            </div>
                        </div>
                        <div class="ui-grid-a">
                            <div class="ui-block-a">
                                <h4>
                                    Telphone Number*
                                </h4>
                            </div>
                            <div class="ui-block-b">
                                <input name="" id="textinput1" placeholder="" value="" type="text">
                            </div>
                        </div>
                        <div class="ui-grid-a">
                            <div class="ui-block-a">
                                <h4>
                                    Comments
                              </h4>
                            </div>
                            <div class="ui-block-b">
                              <textarea name="" id="textinput1" placeholder="" rows="5"></textarea>
                            </div>
                        </div>
                        <div class="ui-grid-a">
                            <div class="ui-block-a">
                            </div>
                            <div class="ui-block-b">
                                <a href="#" id="pageemailagentcancel" data-role="button" data-transition="fade" data-theme="a">
                                    Send
                                </a>
                            </div>
                        </div>
                    </li>
                </ul>
                <ul data-role="listview" data-divider-theme="d" data-inset="true">
                    <li data-theme="" style="text-align:center;height:30px;"><h3 id="contactid">9178633353</h3></li>
                </ul>
                
            </div>
        </div>

    </div>
</div>
<script type="text/javascript">
	var heading = $('<?php echo $objID; ?> #heading');
	var contactimg = $('<?php echo $objID; ?> #contactimg');
	var contactname = $('<?php echo $objID; ?> #contactname');
	var contactdesc = $('<?php echo $objID; ?> #contactdesc');
	var contactbtn = $('<?php echo $objID; ?> #contactbtn');
	var contactBtn1 = $('<?php echo $objID; ?> #contactBtn1');
	var contactBtn2 = $('<?php echo $objID; ?> #contactBtn2');
	var contactid = $('<?php echo $objID; ?> #contactid');
	$("<?php echo $objID; ?> #contact1").click(shwInit<?php echo $objID; ?>);
	$("<?php echo $objID; ?> #contact2").click(shwInit2<?php echo $objID; ?>);
	
	function shwInit<?php echo $objID; ?>(){
		heading.html('Contact Me');
		contactimg.attr('src','xx');
		contactname.html('Kevin Adams');
		contactdesc.html('Licensed Real Etate Salesperson');
		contactBtn1.show();
		contactBtn2.hide();
		contactid.html('917863333');
	
	}
	
	function shwInit2<?php echo $objID; ?>(){
		heading.html('Contact Us');
		contactimg.attr('src','images/logo_contact.jpg');
		contactname.html('Cangiano Estates Ltd');
		contactdesc.html('3888 Amboy Road, New York, 10308');
		contactBtn1.hide();
		contactBtn2.show();
		contactid.html('');
	
	}
	
	shwInit<?php echo $objID; ?>();

</script>